<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>易战后台管理系统</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="../../static/css/font.css">
	<link rel="stylesheet" href="../../static/css/xadmin.css">

<!--     <link rel="stylesheet" href="https://cdn.bootcss.com/Swiper/3.4.2/css/swiper.min.css">
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdn.bootcss.com/Swiper/3.4.2/js/swiper.jquery.min.js"></script> -->

    <link rel="stylesheet" href="../../static/css/swiper.min.css">
    <script type="text/javascript" src="../../static/js/jquery.min.js"></script>
    <script type="text/javascript" src="../../static/js/swiper.jquery.min.js"></script>

    <script src="../../static/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="../../static/js/xadmin.js"></script>

</head>
<body>
    <div class="login-logo"><h1>易战后台管理系统</h1></div>
    <div class="login-box">
        <form class="layui-form layui-form-pane" >
              
            <h3>登录你的帐号</h3>
            <label class="login-title" for="username">帐号</label>
            <div class="layui-form-item">
                <label class="layui-form-label login-form"><i class="iconfont">&#xe6b8;</i></label>
                <div class="layui-input-inline login-inline">
                  <input type="text" name="username" lay-verify="required" placeholder="请输入你的帐号" autocomplete="off" class="layui-input">
                </div>
            </div>
            <label class="login-title" for="password">密码</label>
            <div class="layui-form-item">
                <label class="layui-form-label login-form"><i class="iconfont">&#xe82b;</i></label>
                <div class="layui-input-inline login-inline">
                  <input type="password" name="password" lay-verify="required" placeholder="请输入你的密码" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="form-actions">
                <button class="btn btn-warning pull-right" lay-submit lay-filter="login"  type="submit">登录</button> 
                <div class="forgot" id="forget"><a class="forgot">忘记帐号或者密码</a></div>
            </div>
        </form>
    </div>
	<div class="bg-changer">
        <div class="swiper-container changer-list">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img class="item" src="../../static/images/a.jpg" alt=""></div>
                <div class="swiper-slide"><img class="item" src="../../static/images/b.jpg" alt=""></div>
                <div class="swiper-slide"><img class="item" src="../../static/images/c.jpg" alt=""></div>
                <div class="swiper-slide"><img class="item" src="../../static/images/d.jpg" alt=""></div>
                <div class="swiper-slide"><img class="item" src="../../static/images/e.jpg" alt=""></div>
                <div class="swiper-slide"><img class="item" src="../../static/images/f.jpg" alt=""></div>
                <div class="swiper-slide"><img class="item" src="../../static/images/g.jpg" alt=""></div>
                <div class="swiper-slide"><img class="item" src="../../static/images/h.jpg" alt=""></div>
                <div class="swiper-slide"><img class="item" src="../../static/images/i.jpg" alt=""></div>
                <div class="swiper-slide"><img class="item" src="../../static/images/j.jpg" alt=""></div>
                <div class="swiper-slide"><img class="item" src="../../static/images/k.jpg" alt=""></div>
                <div class="swiper-slide"><span class="reset">初始化</span></div>
            </div>
        </div>
        <div class="bg-out"></div>
        <div id="changer-set"><i class="iconfont">&#xe696;</i></div>   
    </div>
    <script>
        $(function  () {
            layui.use('form', function(){
              var form = layui.form();
              //监听提交
              form.on('submit(login)', function(data){

                        $.ajax({
                            url:"/app/login/verify",
                            type:"POST",
                            data:JSON.stringify(data.field),
                            contentType:'application/json',
                            success:function(res){
                                if(res.status == 1){
                                    layer.msg(res.msg);
                                }else{
                                    layer.msg(JSON.stringify(res.msg),function(){
                                            location.href='/app/index'
                                        });
                                }
                            }
                        });

                return false;
              });
            });
        })

        $("#forget").on("click",function(){
            layer.msg("请联系帅气的后台大大们~");

        });
        
    </script>

</body>
</html>